@use './transition.scss';
// import dark theme
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;

:root {
  //64, 158, 255 //64, 158, 255
  --el-color-primary: rgb(64, 158, 255);
  --el-color-primary-light-3: rgba(64, 158, 255, 0.7);
  --el-color-primary-light-5: rgba(64, 158, 255, 0.5);
  --el-color-primary-light-7: rgba(64, 158, 255, 0.3);
  --el-color-primary-light-8: rgba(64, 158, 255, 0.2);
  --el-color-primary-light-9: rgba(64, 158, 255, 0.1);
}

body {
  --el-menu-bg-color: var(--el-color-white);
  --el-menu-text-color: var(--el-color-black);
  --el-menu-active-color: var(--el-color-primary);
  --el-menu-hover-bg-color: var(--el-color-primary-light-9);
}

a {
  color: var(--el-color-primary);
}

code {
  border-radius: 2px;
  padding: 2px 4px;
  color: var(--el-color-primary);
}